/* comm */
* {
	font-family: "Microsoft YaHei" !important;
}
@font-face {
	font-family: 'Microsoft YaHei';
	src: url('../yahei/yahei.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
.page-banner{position: relative;overflow: hidden;}
.page-banner img{animation: bigImg 2s 1;}
.page-bannertitle{position: absolute; top: 40%; left: 0 ; width: 100%; text-align: center; color: #fff; z-index: 1;}
.page-bannertitle h3{font-size: 42px;}
.page-bannertitle p{position: relative; font-size: 50px; font-family: arial; text-transform: uppercase;}
.page-bannertitle p:after{position: absolute; bottom: -8px; left: 50%; margin-left: -40px; content: ''; width: 80px; height: 3px; background-color: #C12020;}

.page-banner .pages-banner-arr{position: absolute; bottom: 50px; left: 50%; margin-left: -31px; width: 62px; height: 62px; z-index: 1; animation: goyet 1s infinite;}

@media (max-width:940px) {
	.page-banner .pages-banner-arr{bottom: 25px;margin-left: -20px; width: 40px; height: 40px; }
}

@media (max-width:768px) {
	.page-bannertitle{position: absolute; top: 50%; left: 0 ; width: 100%; text-align: center; color: #fff; z-index: 1;}
	.page-bannertitle h3{font-size: 20px;}
	.page-bannertitle p{font-size:16px; }
	.page-bannertitle p:after{ bottom: -8px; left: 50%; margin-left: -20px; content: ''; width: 40px; height: 3px;}
	.page-banner .pages-banner-arr{display: none;}
}
@keyframes goyet{
0%   {transform: translateY(15px);}
50%  {transform: translateY(20px);}
100% {transform: translateY(15px);}
}

@keyframes bigImg{
0%   {transform: scale(1.4);}
/* 50%  {transform: scale(.8);} */
100% {transform: scale(1);}
}


/* about */
.page-about-dec{margin-top: 75px;margin-bottom: 35px;display: flex;padding: 35px 1.5% 20px 4%;justify-content: space-between;background-color: #f7f7f7;}
.page-about-l{width: 45%;padding-right: 3%;}
.page-about-l>p{margin-bottom: 35px; line-height: 35px; font-size: 16px; color: #616161;}

.page-about-l-title h3{color: #333333; font-size: 55px; font-family: arial; font-weight: bold;position: relative;}
.page-about-l-title h3::after {content: '';position: absolute;background-color: #e52f25;width: 90px;height: 10px;left: 0;bottom: -34px;}
.page-about-l-title p{position: relative; font-size: 18px; color: #333333;margin: 20px 0;}
.about-content {margin-top: 60px;}
.about-content p b {font-size: 25px;color: #333333;font-weight: bold;}
/* .page-about-l-title p:after{position: absolute;bottom: 0; left: 0; content: '';  width: 120px; height: 2px; background-color: #C12020;} */

.page-about-r{width: 55%;}
.page-about-r h3{position: relative;font-size: 26px; padding:65px  65px 25px 65px; margin-bottom: 35px;}
.page-about-r h3:after{position: absolute;bottom: 0; left: 65px; content: '';  width: 60px; height: 2px; background-color: rgba(255,255,255,.7);}
.page-about-r p{font-size: 16px; padding:0  65px  50px 65px;}

.page-about-his{padding: 250px 0 200px; background-image: url(../images/page/about-pic2.jpg); background-repeat: no-repeat; background-size: cover;}
.page-about-his ul li{float: left;width: 25%;padding: 15px; text-align: center; color: #fff;}
.page-about-his ul li img{margin-bottom: 45px;  max-width: 100%;}
.page-about-his ul li h3{ background-color: #D72324; padding: 45px 0; border-radius: 10px;text-align: center; }
.page-about-his ul li h3 span{display: block;font-size: 70px; line-height: 50px; font-weight: bold; margin: 0 auto; font-family: arial;}

.page-about-his ul li p{padding-top: 15px;}
@media (max-width:768px) {
	.page-about-dec {margin-top: 0;}
	.page-about-his ul li h3 span{font-size: 50px; }
	.page-about-dec {flex-wrap: wrap;}
	.page-about-l,.page-about-r {width: 100%;}
	.page-about-l-title h3::after {width: 50px;height: 5px;bottom: -15px;}
	.about-content {margin-top: 30px;}
}

@media (max-width:479px) {
	.page-about-l-title h3,.page-about-r h3{font-size: 24px;}
	.page-about-l-title p{font-size: 16px;}
	.page-about-l>p{line-height: 25px;}
}

.page-parlist{background-color: #f5f5f5; padding: 120px 0; text-align: center;}
.page-parlist h3{color: #C12020; font-size: 42px; font-weight: bold; font-family: arial; text-transform: uppercase;}
.page-parlist p{color: #666; font-size: 30px;}
.page-parlist ul{padding-top: 70px;}
.page-parlist ul li{float: left; width: 20%; padding: 10px;}
.page-parlist ul li img{width: 100%;-webkit-filter: grayscale(0);filter: grayscale(0);  transition: all .3s;}	
.page-parlist ul li:hover img{-webkit-filter: grayscale(100%); filter: grayscale(100%); box-shadow: 0 0 15px #ccc; }
@media (max-width:940px) {
	.page-about-r h3{ padding:25px; margin-bottom: 15px;}
	.page-about-r h3:after{ width: 30px; left: 25px;}
	.page-about-r p{padding:0  25px  20px 25px;}
}

@media (max-width:768px) {
	.page-about-dec{padding-bottom: 40px;}
	.page-about-l{width: 100%; padding-right: 0;}
	.page-about-l-title{ margin-bottom: 35px;}
	.page-about-l-title h3 {font-size: 32px;}
	.page-about-l-title p {font-size: 16px;}
	.about-content p b {font-size: 22px;}
	.page-about-r{width: 100%; margin-top: 0; }
	.page-about-r h3{ padding:25px; margin-bottom: 15px;}
	.page-about-r h3:after{ width: 30px; }
	.page-about-r p{padding:0  25px  20px 25px;}
	
	
	.page-about-his{padding: 50px 0 20px; }
	.page-about-his ul li{width: 50%;padding: 10px; }
	
	.page-parlist{background-color: #f5f5f5; padding: 50px 0; }
	.page-parlist h3{ font-size: 24px; }
	.page-parlist p{ font-size: 18px;}
	.page-parlist ul{padding-top: 40px;}
	.page-parlist ul li{ width: 50%; padding: 10px;}
}

/* product */

.page-product-bg{background-color: #f7f7f7;}
.page-product-title{text-align: center; font-size: 0; padding-top: 65px; padding-bottom: 40px;}
.page-product-title li{display: inline-block;}
.page-product-title a{display: inline-block; padding: 8px 15px; margin: 15px 10px; font-size: 16px;}
.page-product-title a.on,.page-product-title li.current-menu-item a{background-color: #C12020; color: #fff;}
.page-product-title a:hover{background-color: #C12020; color: #fff;}

.page-product-list{margin-bottom: 60px;display: flex;justify-content: space-between;}
.page-product-list li{float: left; width: 25%; padding: 15px;}
.page-product-list li a img{ width: 100%; transition: all .3s;}
.page-product-list li a>div{overflow: hidden;}
.page-product-list li a h3{color: #414141; font-size: 22px; padding-top: 35px; padding-bottom: 30px;min-height: 125px;}
.page-product-list li a p{color: #818181; font-size: 14px; line-height: 28px;margin-bottom: 15px;}
.page-product-list li a:hover h3{color: #C12020;}
.page-product-list li a:hover img{transform: scale(1.1);}

@media (max-width:1200px) {
	.page-product-list {flex-wrap: wrap;}
	.page-product-list li {width: 48%;}
}

@media (max-width:1024px) {
	.page-product-list li{padding: 15px 10px;}
	.page-app-bigtitle{padding-top: 50px;}
}
@media (max-width:940px) {
	.page-product-title{text-align: center; font-size: 0; padding-top: 25px; padding-bottom: 20px;}
	.page-product-title a{padding: 8px 15px; margin: 5px; }
	.page-product-list li{ width: 50%; padding: 15px 10px;}
	.page-product-list li a h3{ font-size: 18px; padding-top: 15px; padding-bottom: 10px; min-height: 80px;}
}
@media (max-width:768px) {
	.page-product-list li{ width: 100%; padding: 15px 0;padding-top: 0;}
	.page-product-list li a h3 {padding-bottom: 0;}
	.page-banner img {height: 210px !important;object-fit: fill !important;}
}
@media (max-width:479px){
	.page-product-title li{display: block;}
}
/* product-show */
.page-productpath{padding-top: 90px; line-height: 35px; color: #7e7e7e; font-size: 16px;}
.page-productpath a{color: #7e7e7e;}
.page-productpath span{color: #D72324;}

.page-product-showinfo{padding-top: 40px; padding-bottom: 60px;}
.page-product-show-l{width: 30%;}
.page-product-show-l img{width: 100%;}

.page-product-show-r{width: 70%; padding-left: 60px;}
.page-product-show-r h1{color: #D72324; font-weight: bold; font-family: arial; font-size: 32px; padding-top: 30px; padding-bottom: 10px;}
.page-product-show-r h3{color: #666; font-size: 26px; padding-bottom: 40px;}
.page-product-show-r p{color: #6c6c6c; font-size: 18px;}

.page-pro-btnask{font-size: 0; padding-top: 50px;}
.page-pro-btnask a{display: inline-block; padding: 8px 15px; border: 1px solid #D72324; font-size: 16px; margin-right: 25px;}
.page-pro-btnask a:first-child{background-color: #D72324; color: #fff; transition: all .5s;}
.page-pro-btnask a:first-child:hover{box-shadow:0 -50px  0 #ff6d6d inset; color: #fff;}
.page-pro-btnask a:last-child{ color: #D72324;transition: all .5s;}
.page-pro-btnask a:last-child:hover{box-shadow:0 -50px  0 #D62323 inset; color: #fff;}

.page-product-contitle{background-color: #f4f4f4; font-size: 0;}
.page-product-contitle a{display: inline-block; padding: 13px 20px; font-size: 16px;}
.page-product-contitle a.on{background-color: #D72324; color: #fff;}

.page-product-con{padding: 50px 0;}
.page-product-con h3{    font-size: 18px;    padding-bottom: 20px;}
    .page-product-con p{    color: #7d7c7c;display:block; padding-bottom: 15px;}
@media (max-width:768px) {
	.page-productpath{padding-top: 30px; }
	.page-product-show-l{width: 100%;}
	.page-product-show-r{width: 100%; padding-left: 0;}
	ul.per-list li {width: 100%;}
}



/* app */
.page-app-title{ padding-left:15px ; font-size: 28px; line-height: 28px; color: #323232; border-left: 5px solid #C12020; margin-top: 70px; margin-bottom: 40px;}
.page-app-mdtitle{color: #575759; font-size: 22px; padding-bottom: 30px;}

@media (max-width:768px) {
	.page-app-title{ padding-left:15px ; font-size: 20px; line-height: 24px; margin-top: 30px; margin-bottom:20px;}
	.page-app-mdtitle{font-size: 18px; padding-bottom: 10px;}
}

.page-app-bigtitle{ padding-top: 100px; padding-bottom: 40px; border-bottom: 1px dashed #eee; font-size: 34px; color: #696969; text-align: center;}
.page-app-section1>p{color: #6d6d6f; font-size: 16px; padding-bottom: 50px;}
.page-app-section1 ul{ padding-bottom: 40px;display: flex;flex-wrap: wrap;}
.page-app-section1 ul li{float: left; width: 25%; background-color: #f7f7f7; text-align: center; padding: 45px 30px; border-right: 1px solid #e5e6e6;}
.page-app-section1 ul li:last-child{ border-right: 1px solid transparent}
.page-app-section1 ul li span{display: block; padding-bottom: 15px; font-size: 30px; font-weight: bold; color: #C12020; font-family: arial;}
.page-app-section1 ul li p{font-size: 16px; color: #888;}

@media (max-width:768px) {
	.page-app-bigtitle{ padding-top: 50px; padding-bottom: 20px; font-size: 24px;}
	.page-app-section1 ul li{ width: 100%;padding: 45px 30px; border: none; margin-bottom: 1px;}
}
/*  */
.page-app-section2{background-color: #f7f7f7; overflow:hidden}
.page-app-section2 .container>p{padding-top: 30px; padding-bottom: 60px; font-size: 16px; color: #6d6d6d;}

.page-app-section2 ul{margin: 0 -25px;}
.page-app-section2 ul li{width: 33.33%; padding: 15px 25px;}
.page-app-section2 ul li>div{background-color: #fff; border: 1px solid #eee;}
.page-app-section2-con{width: 64%; padding: 25px 25px 25px 0; }
.page-app-section2-con h3{font-size: 20px; padding: 10px 0;}
.page-app-section2-con p{font-size: 16px; color: #898989;}
.page-app-section2-img{width: 80px; height: 80px; margin: 25px; background-image: url(../images/page/ico-app.png); background-repeat: no-repeat; transition: all .3s;}
.page-app-section2 ul li>div:hover{background-color:#e93d3d;color: #fff!important;}
@media (max-width:1440px) {
	.page-app-section2 ul li{width:33.33%; padding: 5px; }
}
@media (max-width:1300px) {
	.page-app-section2{padding: 0 15px;}
	.page-app-section2 ul li{width:50%; padding: 5px; text-align: center;}
	.page-app-section2-img{float: inherit; margin: 15px auto 0;}
	.page-app-section2-con{width:100%; padding: 15px 5px 25px; }
}
@media (max-width:768px) {
	.page-app-section2{padding: 0 15px;}
	.page-app-section2 ul li{width:100%; padding: 5px;}
	.page-app-section2-img{float: inherit; margin: 15px auto 0;}
	.page-app-section2-con{width:100%; padding: 15px 5px 25px; }
}

.page-app-section2 ul li:first-child .page-app-section2-img{background-position: 0 -80px;}
.page-app-section2 ul li:nth-child(2) .page-app-section2-img{background-position: -80px -80px;}
.page-app-section2 ul li:nth-child(3) .page-app-section2-img{background-position: -160px -80px;}
.page-app-section2 ul li:nth-child(4) .page-app-section2-img{background-position: -240px -80px;}
.page-app-section2 ul li:nth-child(5) .page-app-section2-img{background-position: -320px -80px;}
.page-app-section2 ul li:nth-child(6) .page-app-section2-img{background-position: -400px -80px;}
.page-app-section2 ul li:nth-child(7) .page-app-section2-img{background-position: -480px -80px;}
.page-app-section2 ul li:nth-child(8) .page-app-section2-img{background-position: -560px -80px;}
.page-app-section2 ul li:last-child .page-app-section2-img{background-position: -640px -80px;}

.page-app-section2 ul li:first-child:hover .page-app-section2-img{background-position: 0 0;}
.page-app-section2 ul li:nth-child(2):hover .page-app-section2-img{background-position: -80px 0;}
.page-app-section2 ul li:nth-child(3):hover .page-app-section2-img{background-position: -160px 0;}
.page-app-section2 ul li:nth-child(4):hover .page-app-section2-img{background-position: -240px 0;}
.page-app-section2 ul li:nth-child(5):hover .page-app-section2-img{background-position: -320px 0;}
.page-app-section2 ul li:nth-child(6):hover .page-app-section2-img{background-position: -400px 0;}
.page-app-section2 ul li:nth-child(7):hover .page-app-section2-img{background-position: -480px 0;}
.page-app-section2 ul li:nth-child(8):hover .page-app-section2-img{background-position: -560px 0;}
.page-app-section2 ul li:last-child:hover .page-app-section2-img{background-position: -640px 0;}

.page-app-section2 ul li:hover p{color: #fff;}
/*  */
.page-app-section3{padding-bottom: 40px; overflow: hidden;}
.page-app-section3>p{padding-top: 20px; padding-bottom: 15px;  line-height: 24px; font-size: 16px; color: #666;}
.page-app-spltitle{position: relative; padding-left: 25px;}
.page-app-spltitle:after{position: absolute; top: 4px; left: 0; content: '';width: 15px; height: 15px; background-color: #D72324; border-radius: 15px;}

.page-app-table-1,.page-app-table-3{width: 100%;background-color: #F7F7F7; text-align: center; word-break: break-all; overflow-x: scroll;}
.page-app-table-1 th,.page-app-table-3 th{font-size: 20px;border-bottom:1px solid #e7e7e7;}
.page-app-table-1 th:last-child,.page-app-table-3 th:last-child{border-left: 1px solid #e7e7e7;color: #767474;}
.page-app-table-1 th,
.page-app-table-1 td,
.page-app-table-3 th,
.page-app-table-3 td{padding: 35px 0;}

@media (max-width:768px) {
	.page-app-table-1 th,
	.page-app-table-1 td,
	.page-app-table-3 th,
	.page-app-table-3 td{padding: 15px 0; font-size: 16px;}
}

.page-app-table-1 td,
.page-app-table-3 td{border-left: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7; font-size: 16px; color: #767474;}
.page-app-table-1 td:first-child,
.page-app-table-3 td:first-child{border-left: none;}

.page-app-table-2,.page-app-table-4{width: 100%;border: 1px solid #d9e5f3;text-align: center;}
.page-app-table-2 th,
.page-app-table-2 td,
.page-app-table-4 th,
.page-app-table-4 td{border-bottom: 1px solid #d9e5f3;border-left: 1px solid #d9e5f3;padding: 20px 0;  }
.page-app-table-2 th,.page-app-table-4 th{font-size: 20px;color: #767474; background-color: #f0f3f8;}
.page-app-table-2 td,.page-app-table-4 td{font-size: 16px;color: #767474; }

@media (max-width:768px) {
	.page-app-table-2 th,
	.page-app-table-2 td,
	.page-app-table-4 th,
	.page-app-table-4 td{padding: 15px 0;  }
	.page-app-table-2 th,.page-app-table-4 th,
	.page-app-table-2 td,.page-app-table-4 td{font-size: 16px;}
}
/*  */
.page-app-section4{background-color: #f8f8f8; padding-bottom: 100px;}
.page-app-section4 h3{padding-top: 90px; padding-bottom: 50px; font-size: 30px; color: #666; text-align: center;}
.gallery-thumbs{text-align: center; margin-bottom: 30px!important;}
.gallery-thumbs .swiper-button-next{right: 0;}
.gallery-thumbs .swiper-button-prev{left: 0;}
.gallery-thumbs .swiper-button-next,
.gallery-thumbs .swiper-button-prev{  top: inherit;bottom: 24px;width: 34px; height: 34px; border-radius: 34px; margin-top: 0; background: #f8f8f8;opacity: 1!important;}
.gallery-thumbs .swiper-slide{border-bottom: 1px solid #eee; font-size: 16px; color: #747474; line-height: 40px; padding-bottom: 20px; margin-bottom: 40px;}

@media (max-width:768px) {
	.gallery-thumbs .swiper-slide{font-size: 12px; line-height: 40px; }
}

.gallery-thumbs .swiper-slide:before{position: absolute;bottom: -9px; left: 50%; content: ''; margin-left: -9px; display: block; width: 18px; height: 18px; border-radius: 18px;border: 1px solid #747474; z-index: 1;}
.gallery-thumbs .swiper-slide:after{position: absolute;bottom: -5px; left: 50%; content: ''; margin-left: -5px;display: block; width: 10px; height: 10px; border-radius: 10px; background-color: #747474; z-index: 1;}
.gallery-thumbs .swiper-slide-thumb-active{font-size: 18px; color: #D72324;}
.gallery-thumbs .swiper-slide-thumb-active:before{
position: absolute;bottom: -10px; left: 50%; content: ''; margin-left: -10px;display: block; width: 20px; height: 20px; border-radius: 24px;border: 1px solid #D72324;
z-index: 2;}
.gallery-thumbs .swiper-slide-thumb-active:after{
position: absolute;bottom: -6px; left: 50%; content: ''; margin-left: -6px;display: block; width: 12px; height: 12px; border-radius: 12px; background-color: #D72324;
z-index: 2;}
.gallery-top{text-align: center;}
.gallery-top img{max-width: 100%;}

@media (max-width:768px) {
	.page-app-section4 h3{padding-top: 40px; padding-bottom: 30px; font-size: 24px;}
	.gallery-thumbs .swiper-button-next,
	.gallery-thumbs .swiper-button-prev{display: none;}
}

/* contact */
.page-contact{padding: 100px 15px;}
.page-contact-l{float: left; width: 45%; padding-right: 35px;}
.page-contact-title h1{position: relative; color: #D72324; font-size: 43px; text-transform: uppercase; font-family: arial; padding-bottom: 15px;  }
.page-contact-title h1:after{position: absolute; bottom: 0; left: 0; content: ''; display: block;  width: 65%; height: 2px; background-color: #D72324;}
.contact-t {position: relative;text-align: center;width: 100%;margin-top: 90px;}
.contact-t h3 {color: #333333;font-size: 46px;margin-bottom: 10px;font-weight: bold;}
.contact-t p {color: #BFBFBF;font-size: 20px;}
.contact-t:after {content: '';position: absolute;width: 116px;height: 10px;left: 50%;transform: translateX(-50%);background-color: #e52f25;bottom: -30px;}
.contact-img {display: flex;flex: 1;width: 80%;margin: 0 auto;margin-top: 60px;}
.contact-img>div {background-color: #f0f0f0;width: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 80px 0;}
.contact-img>div svg {width: 100px;height: 57px;margin-bottom: 30px;}
.contact-img>div a {color: #000000;font-size: 16px;}
.contact-img>div:last-of-type {background: url(../images/contact-img.webp) 100% 100%;position: relative;}
.contact-img>div:last-of-type .fr-bg{background-color: rgba(229,47,37,.8);position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.contact-img>div:last-of-type svg {width: 99px;height: 66px;fill: #ffffff;}
.contact-img>div:last-of-type .fr-cont {position: relative;width: 100%;text-align: center;}
.contact-img>div:last-of-type .fr-cont p {font-size: 16px;color: #ffffff;text-align: center;margin-bottom: 10px;}
.page-contact-title p{color: #747474; font-size: 16px; padding-top: 25px; padding-bottom: 30px; }
.page-contact-l>h3{font-size: 24px; color: #D72324;}
.page-contact-l>h3>p{position: relative; font-size: 18px; color: #747474; padding-top: 10px; padding-bottom: 10px; margin-bottom: 40px;}
.page-contact-l>h3>p:after{position: absolute; bottom: 0; left: 0; content: ''; display: block;  width: 40px; height: 2px; background-color: #eee;}
.page-contact-l>p{line-height: 40px; color: #848282; font-size: 18px; padding-top: 10px;}
.page-contact-l>p img{margin-right: 10px;}

.page-contact-r{float: left; width: 55%; padding-left: 35px;}
.page-contact-r h3{font-size: 30px; color: #D72324;padding-bottom: 30px;}
.page-contact-r p{font-size: 18px; color: #747474;padding-bottom: 30px;}
.page-contact-r form input[type="text"]{display: block; width: 100%; padding-left: 15px; font-size: 16px; line-height: 40px; background-color: #eff1f2; margin-bottom: 20px; }
.page-contact-r form textarea{display: block; width: 100%; padding: 15px; border:none; text-align: left; font-size: 16px; line-height: 30px; background-color: #eff1f2; margin-bottom: 25px;font-family: "microsoft yahei"; color: #747474;}
.page-contact-r form input[type="submit"]{background-color: #D72324;color: #fff; padding: 10px 35px; font-size: 16px; cursor: pointer;}


.pa-list {display: flex;justify-content: center;align-items: center;margin: 20px 0;}
.pa-list img {margin: 0 20px;}
@media (max-width:768px) {
	.page-contact-r h3,
	.page-contact-title h1{ font-size: 24px;  }
	.page-contact-title h1:after{ width: 25%; }
	.page-contact-l>h3{font-size: 18px;}
	.page-contact-l>p{font-size: 16px; }
	.contact-t {margin-top: 40px;}
	.contact-t:after {content: '';position: absolute;width: 80px;height: 5px;left: 50%;transform: translateX(-50%);background-color: #e52f25;bottom: -15px;}
	.contact-t h3 {font-size: 24px;margin-bottom: 0;}
	.contact-img {width: 100%;margin-top: 45px;}
	.contact-t p {font-size: 18px;}
	.pa-list {flex-wrap: wrap;}
}

@media (max-width: 550px) {
	.contact-img {flex-wrap: wrap;}
	.contact-img>div {width: 100%;}
}

input::-webkit-input-placeholder {color: #747474 ;}
input:-moz-placeholder {color: #747474 ; }
input::-moz-placeholder {color: #747474 ;}
input:-ms-input-placeholder {color: #747474 ;}
textarea::-webkit-input-placeholder {color: #747474 ;font-family: "microsoft yahei";}
textarea:-moz-placeholder {color: #747474 ; font-family: "microsoft yahei";}
textarea::-moz-placeholder {color: #747474 ;font-family: "microsoft yahei";}
textarea:-ms-input-placeholder {color: #747474 ;font-family: "microsoft yahei";}
@media (max-width:940px) {
	.page-contact{padding: 30px 15px;}
	.page-contact-l{width: 100%; padding-right: 0;}
	.page-contact-r{width: 100%; padding-left: 0; padding-top: 25px;}
}

/* news */
.page-newslist{margin-top: 40px;margin-bottom: 100px;}
.page-newslist li a{display: block; padding: 25px 25px 25px 0; border-bottom: 1px solid #eee; transition: all .3s;}
.page-news-img,
.page-news-con{float: left;}
.page-news-img{width: 25%; }
.page-news-img img{width: 100%;}
.page-news-con{width: 55%; padding:0 25px}
.page-news-con h3{padding-top: 25px; padding-bottom: 30px; font-size: 20px; color: #303030;}
.page-news-con p{ font-size: 16px; color: #888;}
.page-news-time{float: right; width: 60px; text-align: center;padding-top: 25px;}
.page-news-time h3{text-align: left; font-size: 18px; margin-bottom: 50px; color: #747474;}
.page-news-time p{border-left: 1px solid #ccc;}
.page-news-time p img{-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.page-newslist li a:hover{ padding-left: 25px; border-bottom: 1px solid #fff;box-shadow: 0 0 25px #ccc;}
.page-newslist li a:hover .page-news-time p img{-webkit-filter: grayscale(0); filter: grayscale(0);}

@media (max-width:768px) {
	.page-newslist{margin-top: 20px;}
	.page-newslist li a{ padding:0; margin-bottom: 15px; padding-bottom: 15px;}
	.page-news-img{width: 100%; }
	.page-news-con{width: 100%; padding:0 }
	.page-news-con h3{padding-top: 15px; padding-bottom: 10px; font-size: 18px; color: #303030;}
	.page-news-con p{display: none; }
	.page-news-time{ width: 100%; padding: 0;}
	.page-news-time h3{ margin-bottom: 10px;}
	.page-newslist li a:hover{ padding-left: 0;box-shadow: none;}
}
/* news-show */
.page-news-showbg{ background-color: #f7f7f7;}
.page-news-show-position{position: relative; } 
.page-news-show{position: absolute; top:-200px; left: 0;  background-color: #fff; z-index: 3; padding-bottom: 50px;}


.page-news-show-left{float: left; width: 70%;padding:0 50px;}
.page-newspath{ padding-top: 30px; line-height: 35px; color: #7e7e7e; font-size: 16px; padding-bottom: 15px; border-bottom: 1px dashed #eee;}
.page-newspath a{color: #7e7e7e;}
.page-newspath span{color: #D72324;}
.page-news-show-title{ padding: 30px 0;border-bottom: 1px dashed #eee;}
.page-news-show-title h3{font-size: 26px; padding-bottom: 10px;}
.page-news-show-title span{ font-size: 16px ; color: #747474; margin-right: 30px;}

.page-news-showbox{ padding: 50px 0;}
.page-news-showbox img{max-width: 100%;display: block;margin: 0 auto;}

.page-news-show-right{
	float: left; width: 30%;
	padding: 50px;
}

.page-news-show-right a{
	display: block;
	margin-bottom: 30px;
}
.page-news-showbox h3{font-size: 18px;
    color: #666;
    padding-bottom: 15px;}
.page-news-showbox p{font-size: 16px;
    color: #999;
    padding-bottom: 15px;}
@media (max-width:768px) {
	.page-news-show-left{float: left; width: 100%;padding:0;}
	.page-news-show{position: inherit;top:inherit; left: inherit;  padding-bottom:0; }
	.page-news-show-right{
		 width: 100%;
		padding: 0;
		padding-top: 50px;
	}
}

/* case */
.page-casetitle{padding-top: 120px; padding-bottom: 60px; text-align: center;}
.page-casetitle h3{font-size: 28px; color: #424241; padding-bottom:5px;}
.page-casetitle p{color: #D72324; font-size: 34px;}

.page-case-table{width: 100%; text-align: center; border: 1px solid #d9e5f3;margin-bottom: 130px;}
.page-case-table th{background-color: #f0f3f8;font-size: 20px; color: #414141; font-weight: normal; }
.page-case-table th p{background-color: #f0f3f8; font-size: 16px; color: #747474; }
.page-case-table th,.page-case-table td{border-bottom: 1px solid #d9e5f3;border-left: 1px solid #d9e5f3;padding: 24px 0 20px;}
.page-case-table td{font-size: 16px;color: #414141; word-break: break-all;}
.page-case-table td p{color: #747474;}
.page-case-table tr:hover td,.page-case-table tr:hover td p{color: #c32021;}


@media (max-width:768px) {
.page-casetitle{padding-top: 60px; padding-bottom: 30px; }
.page-casetitle h3{font-size: 20px; }
.page-casetitle p{ font-size: 16px;}
	.page-case-table{margin-bottom: 60px;}
	.page-case-table th{font-size: 14px; }
	.page-case-table th p{font-size: 12px; }
	.page-case-table th,.page-case-table td{padding: 14px 0 10px;}
	.page-case-table td{font-size: 14px;}
	.page-case-table td p{font-size: 12px;}
}
/* page-next */
.page-next{font-size: 16px; color: #747474; line-height: 35px;}
.page-next a{color: #747474;}
.page-next a:hover{color: #D72324;}
/* page-code */
.wp-pagenavi{text-align: center; font-size:0; padding-bottom:100px ; padding-top: 50px;}
.wp-pagenavi .pages{display: none;}
.wp-pagenavi span,.wp-pagenavi a{display: inline-block; padding: 5px 11px; font-size: 16px; color: #8e908f; margin: 15px 5px; border: 1px solid #eee; background-color: #fff; cursor: pointer;}
.wp-pagenavi a:hover,.wp-pagenavi span.current{ color: #fff; background-color: #df2826; border: 1px solid #df2826;}

@media (max-width:768px) {
	.page-code{ padding-bottom:50px ; padding-top: 20px;}
	.page-code span,
	.page-code a{  margin: 5px; }
}